<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/font-awesome.min.css">
<link rel="stylesheet" href="../../css/ioicons.min.css">
<link rel="stylesheet" href="../../css/AdminLTE.min.css">
<style type="text/css">
	.form-control-feedback {
		top: 0;
	}
</style>
</head>
<body class="hold-transition register-page">
	<div class="register-box">
		<div class="register-logo">
			<a href=""><b>Admin</b>LTE</a>
		</div>
		
		<div class="register-box-body">
			<p class="login-box-msg">Register a new membership</p>
			
			<form>
				<div class="form-group has-feedback">
					<input type="text" class="form-control" placeholder="Full Name">
					<span class="glyphicon glyphicon-user form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="text" class="form-control" placeholder="Email">
					<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="password" class="form-control">
					<span class="glyphicon glyphicon-lock form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="password" class="form-control" placeholder="Retype Password">
					<span class="glyphicon glyphicon-log-in form-control-feedback"></span>
				</div>
				<div class="row">
					<div class="col-xs-8">
						<label>
							<input type="checkbox">I agree to the <a href="">terms</a>
						</label>
					</div>
					<div class="col-xs-4">
						<button class="btn btn-primary btn-block btn-flat">Register</button>
					</div>
				</div>
			</form>
			
			<a href="index.html">I already have a membership</a>
		</div>
	</div>
</body>
</html>